<template>
  <view class="content">
    <view class="line" @click="changePsw">
      <text class="needmargin">修改密码</text>
      <view class="rightBox">
        <text>修改</text>
        <image src="/static/icon_my_next.png" mode="" class="neeleft"></image>
      </view>
    </view>

    <view class="line" @click="bindPhone">
      <text class="needmargin">手机绑定</text>
      <view class="rightBox">
        <text>更改</text>
        <image src="/static/icon_my_next.png" mode="" class="neeleft"></image>
      </view>
    </view>

    <view class="line" @click="payPsw">
      <text class="needmargin">支付密码</text>
      <view class="rightBox">
        <text>设置</text>
        <image src="/static/icon_my_next.png" mode="" class="neeleft"></image>
      </view>
    </view>

    <view class="line" @click="realName">
      <text class="needmargin">实名认证</text>
      <view class="rightBox">
        <text>已通过</text>
        <image src="/static/icon_my_next.png" mode="" class="neeleft"></image>
      </view>
    </view>

    <view class="line" @click="bankCard">
      <text class="needmargin">提款银行卡</text>
      <view class="rightBox">
        <text>添加</text>
        <image src="/static/icon_my_next.png" mode="" class="neeleft"></image>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    changePsw() {
      uni.navigateTo({
        url: "/pages/changePsw/changePsw",
      });
    },
    bindPhone() {
      uni.navigateTo({
        url: "/pages/bindPhone/bindPhone",
      });
    },
    payPsw() {
      uni.navigateTo({
        url: "/pages/payPsw/payPsw",
      });
    },
    realName() {
      uni.navigateTo({
        url: "/pages/realName/realName",
      });
    },
    bankCard() {
      uni.navigateTo({
        url: "/pages/myBankCard/myBankCard",
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.content {
  background-color: #000000;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;

  .line {
    padding-left: 23rpx;
    padding-right: 23rpx;
    height: 90rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 32rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #ffffff;
    border-bottom: 3rpx solid #272727;

    .needmargin {
      margin-right: 10rpx;
    }

    .rightBox {
      display: flex;
      align-items: center;
    }

    .neeleft {
      margin-left: 8rpx;
      width: 18rpx;
      height: 30rpx;
    }
  }
}
</style>
